<template>
  <div class="mbjyxjlBox">
    <!-------------------- 膜包机操作记录 -------------------->
    <TableHeader
      :data="{
        mainTitle: '膜包机操作记录',
        date: '2021年12月12日',
        company: '青岛崂山矿泉水有限公司',
        code: 'LK-QF-LS1-10-012-11-01',
      }"
    />
    <CommonVxeTable :tableData="tableData1" />
    <TableHeader
      :data="{
        subTitle: '岗 位 自 检 情 况',
      }"
    />
    <RowcolTableVxeTable
      :tableData="tableData2"
      :slots="['检查项目', '时间']"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData1: {
        columns: [
          {
            field: "value",
            title: "产品名称",
            align: "center",
            minWidth: "100px",
          },
          {
            title: "开机时间",
            align: "center",
            minWidth: "100px",
            field: "value",
          },
          {
            field: "value",
            align: "center",
            minWidth: "100px",
            title: "停机时间：",
          },
          {
            title: "机速（包/分钟）",
            align: "center",
            minWidth: "100px",
            field: "value",
          },
          {
            title: "温区1实际温度 (℃)",
            align: "center",
            minWidth: "100px",
            field: "value",
          },

          {
            title: "温区2实际温度（℃）",
            align: "center",
            minWidth: "100px",
            field: "value",
          },
        ],
        data: [],
      },
      tableData2: {
        columns: [
          {
            slots: { header: "header" },
            field: "value",
            minWidth: "100px",
            title: "热缩膜使用情况",
            align: "center",
          },
          {
            field: "value",
            minWidth: "100px",
            title: "塑封质量检查",
            align: "center",
          },
          {
            title: "缺瓶检查",
            align: "center",
            field: "value",
            minWidth: "100px",
          },
          {
            field: "value",
            minWidth: "100px",
            title: "瓶码喷印",
            align: "center",
          },
          {
            title: "彩膜条码",
            align: "center",
            field: "value",
            minWidth: "100px",
          },
        ],
        data: [],
      },
    };
  },
  created() {
    for (let i = 0; i < 4; i++) {
      this.tableData2.data.push({
        value: 1345,
      });
      this.tableData1.data.push({
        value: 1345,
      });
    }
  },
  methods: {
   
  },
};
</script>

<style lang="scss" scoped>
.mbjyxjlBox {
  width: 100%;
  // background: red;
}
</style>>

